<nz-card nzTitle="我的代码仓库" [nzBodyStyle]="{'padding':'0'}" [nzExtra]="extraTemplate">
    <nz-table #basicTable [nzData]="dataSet" nzBordered="true" [nzFrontPagination]="false" [nzTotal]="page.total"
        [nzPageIndex]="page.page" [nzPageSize]="page.per_page" [nzShowSizeChanger]="true"
        (nzQueryParams)="onQueryParamsChange($event)">
        <thead>
            <tr>
                <th nzColumnKey="full_name" [nzShowSort]="true" [nzSortOrder]="'asc'" [nzSortFn]="true"
                    [nzSortDirections]="['desc','asc']">项目
                </th>
                <th>仓库</th>
                <th>语言</th>
                <th nzWidth="300px">描述</th>
                <th>上次推送时间</th>
            </tr>
        </thead>
        <tbody>
            <tr *ngFor="let data of basicTable.data">
                <td><a routerLink="../issues/{{data.full_name}}">{{data.full_name}}</a></td>
                <td><a href="{{data.html_url}}" target="_blank">{{data.html_url}}</a></td>
                <td>{{data.language}}</td>
                <td>{{data.name}} {{data.description}}</td>
                <td>{{ data.pushed_at }}</td>
            </tr>
        </tbody>
    </nz-table>
</nz-card>

<ng-template #extraTemplate>
    <nz-input-group nzSearch [nzAddOnAfter]="suffixIconButton">
        <input type="text" (keyup.enter)="loadData()" [(ngModel)]="page.q" nz-input placeholder="按关键字搜索" />
    </nz-input-group>
</ng-template>
<ng-template #suffixIconButton>
    <button (click)="loadData()" nz-button nzType="primary" nzSearch><i nz-icon nzType="search"></i></button>
</ng-template>